﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width" />
    <title>@ViewBag.Title</title>
    @Styles.Render("~/Content/css")
    @Scripts.Render("~/bundles/modernizr")

    <link rel="stylesheet" href="/blueprint/screen.css" type="text/css" media="screen, projection" />
    <link rel="stylesheet" href="/blueprint/print.css" type="text/css" media="print" />
    <link rel="stylesheet" href="/blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection">
    <link rel="stylesheet" type="text/css" href="/includes/tooltip.css" />
    <script type="text/javascript" src="/includes/tooltip.js"></script>
    <script type="text/javascript" src="~/Scripts/jquery-1.9.0.min.js"></script>
    <script src="~/Scripts/jquery.cookie.js" type="text/javascript"></script>
    <script type="text/javascript">
        function loadencurrentpage() {
            $.cookie("_culture", "en-US", { expires: 365, path: '/' });
            document.location.reload(false);
        }
        function loadvicurrentpage() {
            $.cookie("_culture", "vi-VN", { expires: 365, path: '/' });
            document.location.reload(false);
        }
    </script>
</head>
<body>

    <div class="container">
        <div style="margin-top:-25px; float:right; font:bold; font-size:14px">
            @if (Request.IsAuthenticated)
            {
                <text>@Resources.Welcome <strong>
                    @Html.ActionLink(@User.Identity.Name, "CustomerDetail", "Customer", new {UserName = @User.Identity.Name}, null)
                    </strong>!</text>
        }
            else
            {
                <text>@Resources.Welcome <strong>@Resources.Guest</strong>!</text>
        }
        </div>
        <div id="leftsidebar">
            @{Html.RenderAction("LeftSideBar", "Ad");}
        </div>

        <div id="wrapper">
            <div id="header" class="span-24">
                <a href="/">
                    <img src="~/Content/logo.png" alt="logo" style="margin-right: 1.5em; margin-bottom: 1.5em; float: left;" /></a>

                <section id="currencies_block_top" class="header-box header-button">
                    <form id="setCurrency" action="#" method="post">
                        <p class="inner-carrencies">
                            <input type="hidden" name="id_currency" id="id_currency" value="">
                            <input type="hidden" name="SubmitCurrency" value="">$<span class="arrow_header_top"></span>
                        </p>
                        <ul id="first-currencies" class="currencies_ul list_header">
                            <li class="selected">
                                <span>$</span>Dollar
                            </li>
                            <li>
                                <a href="javascript:setCurrency(2);" title="Euro"><span>€</span>Euro</a>
                            </li>
                        </ul>
                    </form>
                </section>
                <section id="languages_block_top" class="header-box header-button">
                    <div id="countries_2">
                        <p class="selected_language">
                            <span id="currentlg">En</span>
                            <span class="arrow_header_top"></span>
                        </p>

                        <ul id="first-languages" class="countries_ul list_header">
                            <li>
                                <a class="lgen" href="javascript:loadencurrentpage();">
                                    <img src="/images/img/1.png" alt="en" width="12" height="12"><span>English</span>
                                </a>
                            </li>
                            <li>
                                <a class="lgvi" href="javascript:loadvicurrentpage();">
                                    <img src="/images/img/2.png" alt="vi" width="12" height="12"><span>Vietnam</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </section>
                <section class="blockuserinfo header-box">
                    @*<a href="/Account/Login" title="Dang nhap" class="login" rel="tooltip" data-placement="bottom" data-original-title="Login">*@
                        @if (Request.IsAuthenticated)
                        {
                            <a href="../Account/Logout">
                                <img src="~/images/img/lockc.png" /></a>
                            
                        }
                        else
                        {
                            <a href="../Account/Login">
                                <img src="~/images/img/lock.png" /></a>
                        }
                   @* </a>*@
                </section>
                <section class="chat header-box">
                    <script type="text/javascript" src="http://cdn.dev.skype.com/uri/skype-uri.js"></script>
                    <div id="SkypeButton_Chat_ngcaothu_1">
                        <script type="text/javascript">
                           // Skype.assetMargin
                            Skype.ui({
                                "name": "chat",
                                "element": "SkypeButton_Chat_ngcaothu_1",
                                "participants": ["ngcaothu"],
                                "imageSize": 20,
                                "imageColor":"red"
                            });
                            
                        </script>
                    </div>
                    @*<a href="#" title="" class="login" rel="tooltip" data-placement="bottom" data-original-title="Login"><span class="icon-chat"></span></a>*@
                </section>
                <section class="upload header-box">
                    <a href="/Product/UploadProduct" title="" class="login" rel="tooltip" data-placement="bottom" data-original-title="Login"><span class="icon-upload"></span></a>
                </section>
                <section class="mail header-box">
                    <a href="#" title="" class="login" rel="tooltip" data-placement="bottom" data-original-title="Login"><span class="icon-mail"></span></a>
                </section>
                <section class="home header-box">
                    <a href="/" title="" class="login" rel="tooltip" data-placement="bottom" data-original-title="Login"><span class="icon-home"></span></a>
                </section>
                <br />
                <section id="header_user" class="blockuserinfo-cart header-box">
                    <div id="shopping_cart">
                        <a href="#" title="View my shopping cart" rel="nofollow">
                            <strong class="opancart"></strong>
                            @{Html.RenderAction("GetSumaryCart", "ShoppingCart");}
                            <span class="arrow_header_top"></span>
                        </a>
                    </div>
                </section>
                <section id="search_block_top" class="header-box">
                    <form method="get" action="../home/search" id="searchbox">
                        <p>
                            <label for="search_query_top">@Resources.Search</label>
                            <input type="hidden" name="controller" value="@Resources.Search">
                            <input type="hidden" name="orderby" value="position">
                            <input type="hidden" name="orderway" value="desc">
                            <input class="search_query ac_input" type="text" id="search_query_top" name="search_query" value="@Resources.Search" onfocus="if(this.value=='@Resources.Search')this.value='';" onblur="if(this.value=='')this.value='@Resources.Search';" autocomplete="off">
                            <input type="button" id="searchIcon" onclick="search();"  />
                        </p>
                    </form>
                    <script>
                        function search() {
                            searchText = $("#search_query_top").val();
                            window.location.href = "../Home/Search?ProductName=" + searchText;
                            
                        };
                    </script>
                </section>

                <hr class="space" />
            </div>

            <div id="titlebar" class="span-24">
                @{Html.RenderAction("GetListCategory", "Category");}
            </div>

            <div id="content" class="span-24">
                @RenderBody()
            </div>


            <div id="footer" class="span-24 alt">
                <div class="span-6" style="text-align: left">
                    <p style="padding-bottom: 10px; border-bottom: 2px solid #000; font-size: 16px" class="bold">CATEGORIES</p>
                    <a href="#" style="text-decoration: none" class="alt">Accessories</a><br />
                    <a href="#" style="text-decoration: none" class="alt">CPUs</a><br />
                    <a href="#" style="text-decoration: none" class="alt">Hard Drives</a><br />
                    <a href="#" style="text-decoration: none" class="alt">Monitors</a><br />
                    <a href="#" style="text-decoration: none" class="alt">Keyboards / Mice</a>
                </div>
                <div class="span-6" style="text-align: left">
                    <p style="padding-bottom: 10px; border-bottom: 2px solid #000; font-size: 16px" class="bold">MY ACCOUNT</p>
                    <a href="#" style="text-decoration: none" class="alt">My orders</a><br />
                    <a href="#" style="text-decoration: none" class="alt">My credit slips</a><br />
                    <a href="#" style="text-decoration: none" class="alt">My addresses</a><br />
                    <a href="#" style="text-decoration: none" class="alt">My personal info</a><br />
                    <a href="#" style="text-decoration: none" class="alt">My favorite products.</a>
                </div>
                <div class="span-6" style="text-align: left">
                    <p style="padding-bottom: 10px; border-bottom: 2px solid #000; font-size: 16px" class="bold">INFORMATION</p>
                    <a href="#" style="text-decoration: none" class="alt">Specials</a><br />
                    <a href="#" style="text-decoration: none" class="alt">New products</a><br />
                    <a href="#" style="text-decoration: none" class="alt">Best sellers</a><br />
                    <a href="#" style="text-decoration: none" class="alt">Our stores</a><br />
                    <a href="#" style="text-decoration: none" class="alt">Contact us</a>
                </div>
                <div class="span-6 last" style="text-align: left">
                    <p style="padding-bottom: 10px; border-bottom: 2px solid #000; font-size: 16px" class="bold">CONTACT US</p>
                    <a href="#" style="text-decoration: none" class="alt">483/15A Tran Xuan Soan street, Tan Hung ward, District 7, Ho Chi Minh city, Vietnam</a><br />
                    <p>@Resources.Counter</p>
                    <div style="text-align: center;"><a href='http://www.hit-counts.com'>
                        <img src="http://www.hit-counts.com/counter.php?t=MTI1NzYxMg==" border="0" alt="Visitor Counter"></a></div>
                </div>
                <div class="span-24">
                    <p style="border-top: 2px solid #000; margin-top: 10px; padding-top: 10px">&copy;2013 Design by Group F of 10CNTN</p>
                </div>

            </div>
        </div>

        <div id="rightsidebar">
            @{Html.RenderAction("RightSideBar", "Ad");}
            @*<a href="http://mainguyen.vn/lg-optimus-l4-ii-e440.html" style="padding-bottom:5px"><img style="border: 1px solid black;" src="http://www.mainguyen.vn/img/inposts/0000/LG-L4_mainguyen.jpg" alt="" width="180" height="350" ></a>
            <a href="http://www.mainguyen.vn/htc-desire-c.html" target="_blank" style="padding-bottom:5px"><img style="border: 1px solid black;" src="http://www.mainguyen.vn/img/inposts/0000/HTC-Desire-C.jpg" alt="" width="180" height="315"></a>*@
        </div>
    </div>


    @*@Scripts.Render("~/bundles/jquery")*@
    @*@RenderSection("scripts", required: false)*@
    @RenderSection("Scripts", required: false);
    @RenderSection("abc", required: false)
</body>
</html>
